<template>
  <view>
    <view class="status_bar">
      <!-- 这里是状态栏 -->
    </view>
    <custom-nav-bar></custom-nav-bar>
    <view class="container">
      <view class="container-left">
        <view class="left-item">
          <text>服装</text>
        </view>
        <view class="left-item">
          <text>服装</text>
        </view>
        <view class="left-item">
          <text>服装</text>
        </view>
        <view class="left-item">
          <text>服装</text>
        </view>
        <view class="left-item">
          <text>服装</text>
        </view>
        <view class="left-item">
          <text>服装</text>
        </view>
        <view class="left-item">
          <text>服装</text>
        </view>
        <view class="left-item">
          <text>服装</text>
        </view>
      </view>
      <view class="container-right">

      </view>
    </view>
  </view>
</template>

<script>
import CustomNavBar from '@/components/custom-nav-bar/custom-nav-bar.vue';

export default {
  name: 'Category',
  components: { CustomNavBar },
  data() {
    return {};
  },
  methods: {}
};
</script>

<style lang="scss" scoped>
.container {
  background: #EEEEEE;
  display: flex;
  .container-left {
    width: 100px;
    background: #F2F2F2;
    .left-item {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 20px 20px;
    }
  }
}
</style>